<!-- 头部，包含logo和导航 -->

<!-- 模态框登陆 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title you_modal-title-color">登&nbsp;&nbsp;&nbsp;陆</h4>
                <h4 class="modal-title">注&nbsp;&nbsp;&nbsp;册</h4>
            </div>
            <div class="modal-body">
                <form class="form-hide-show">
                    <div class="form-group">
                        <label for="load_user_name" class="control-label">用户名:</label>
                        <input type="text" class="form-control" id="load_user_name">
                    </div>
                    <div class="form-group">
                        <label for="load_user_password" class="control-label">密码:</label>
                        <input type="password" class="form-control" id="load_user_password">
                    </div>
                </form>
                <form class="form-hide form-hide-show">
                    <div class="form-group">
                        <label for="reg_user_name" class="control-label">用户名:</label>
                        <input type="text" class="form-control" id="reg_user_name">
                    </div>
                    <div class="form-group">
                        <label for="reg_user_password" class="control-label">密码:</label>
                        <input type="password" class="form-control" id="reg_user_password">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="btn-load">登陆</button>
                <button type="button" class="btn btn-primary form-hide" id="btn-reg">注册</button>
            </div>
        </div>
    </div>
</div>



<div class="top_black">
</div>




<div class="header-fix">
    <div class="header-top">
        <a class="logo" href="javascript:;" title="英雄联盟 周边商城"></a>
        <ul>
            <!-- 模态框登陆 -->
            <li>
                <span data-toggle="modal" data-target="#myModal" id="modal-hellow">你好，请登录</span>
                <a href="javascript:;" id="logoff"></a>
            </li>
            <!-- span用来控制数量,此处划过箭头使用hover来完成 -->
            <li><a href="/html/shopping.html" target="_blank" id="isstop"><i></i>购物车<span id="shopnumbers">0</span></a></li>
            <li>
                <a href="javascript:;">
                    <i></i>客服咨询<b></b>
                    <div class="outside">
                        <div class="shim"></div>
                        <div>
                            <p>售前咨询</p>
                            <p>售后咨询</p>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i></i>微信商城<b></b>
                    <div class="outside">
                        <div class="shim"></div>
                        <div class="wxcode">
                            <img src="/img/wxcode.png" alt="">
                            <p>扫码手机购买</p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>



    <div class="header-nav">
        <ul id="header-nav-ul">
        </ul>
        <script id="header-nav-li" type="text/html">
            <li><a href="/index.html">商城首页</a></li>
            {{each list item}}
            <li><a href="/html/detial.html#{{item.id}}" index="{{item.id}}" target="_blank">{{item.ctitle}}</a></li>
            {{/each}}
        </script>
        <div class="header-nav-input" id="inputsearch_father">
            <input id="inputsearch" type="text" name="">
            <span></span>
            <!-- js获取焦点时失去,失去焦点时显示 -->
            <a href="javascript:;" id="inputsearch_a">阿狸</a>
        </div>
    </div>
</div>